<div class="home-title">
	<img src="img/static/our.png" />
</div>
<div class="our-logo">
	<div class="logo-img">
		<img src="img/static/shallife-logo.png" />
	</div>
	<h2 class="logo-tip">用爱珍藏幸福时刻</h2>
</div>
<!--我们的小导航-->
<div class="swiper-container" id="ourSwiper">
	<div class="swiper-wrapper">
		<div class="swiper-slide">
			<h3 class="our-foot-tit">Shallife·用爱珍藏幸福时刻</h3>
			<p class="our-foot-con">Shallife是一家注重记录“ 爱和感动” 的宴会设计公司<br /> 我们主要进行求婚表白、婚礼宴会、生日宴会、晚宴活动、纪念活动等宴会策划设计
				<br /> 我们秉承匠心、极致、创新的工作态度为您呈现具有情感温度、丰富内涵的创新美学宴会现场
				<br /> 我们用心记录您生活中爱的感动时刻。
				<br />
			</p>
		</div>
		<div class="swiper-slide">
			<h3 class="our-foot-tit">Shallife是一家创新型的宴会设计公司</h3>
			<p class="our-foot-con">
				我们旨在做深入人心、逼格爆表、传播爆棚的宴会作品<br /> 目前我们正在飞快地发展中，需要更多优秀的伙伴加入我们
				<br /> 非常欢迎热爱婚礼行业的小伙伴与我们共同携手前行
				<br /> 我们会为您提供极具行业竞争力的薪酬待遇，宽阔的职场晋升空间
				<br />
			</p>
		</div>
		<div class="swiper-slide">
			<h3 class="our-foot-tit">Shallife是正在发展前进中的公司</h3>
			<p class="our-foot-con">
				我们需要更多的合作伙伴与我们携手发展共赢<br /> 同时我们有很多地方还不够完善
				<br /> 我们非常希望您能给予我们一些宝贵的意见和建议，这样我们会不断提升自己，只为给您的服务做得更好！
				<br /> 邮箱：work@shallife.com
				<br /> 热线：13350344936
				<br />
			</p>
		</div>
		<div class="swiper-slide">
			<h3 class="our-foot-tit">Shallife微信公众号</h3>
			<p class="our-foot-con">
				<img src="img/static/weixing.png" />
			</p>
		</div>
		<div class="swiper-slide">
			<h3 class="our-foot-tit">Shallife官方电话：400-8819-520</h3>
			<p class="our-foot-con">
				期待为您珍藏幸福时刻，即刻拨打尊享专属服务！
			</p>
		</div>
	</div>
</div>
<div class="our-nav">
	<ul>
		<li>关于我们</li>
		<li>加入我们</li>
		<li>联系我们</li>
		<li>关注我们</li>
		<li>幸福热线</li>
	</ul>
</div>
<div class="footer-record">
	<div class="">
		<a href="http://www.miibeian.gov.cn" target="_blank">Copyright © Shallife相合 版权所有 渝ICP备17012606号-2</a>
	</div>
	<div>
		<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50010302001792" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="" style="float:left;" />
			<p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;"><img src="img/static/ga-record.png" />渝公网安备 50010302001792号</p>
		</a>
	</div>
</div>
<script type="text/javascript">
	/*脚部特效显示*/
$(".our-nav").hover(function(){
	$("#ourSwiper").css({"opacity": "1"});
	$(".our-logo").css({"transform":"translateY(0px)"})
},function(){
	$("#ourSwiper").css({"opacity": "0"});
	 $(".our-logo").animate({"transform":"translateY(180px)"},500,"linear",function(){
	 	$(".our-logo").css({"transform":"translateY(180px)"});
	 });
	$(".our-nav li").removeClass("active");
});
$(".our-nav li").on("mouseover click", function() {
	$(this).addClass("active").siblings().removeClass("active");
	$("#ourSwiper .swiper-slide").eq($(this).index()).fadeIn("500", "linear").siblings().fadeOut("500", "linear");
	//$("#ourSwiper .swiper-slide").eq($(this).index()).slideUp("fast","linear").siblings().slideDown("fast","linear");
});
</script>